<%-- 
    Document   : reservarQuarto
    Created on : 19/11/2014, 21:02:58
    Author     : Administrador
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@include file="top.html" %>
<div id="titulo" align="center">
        <h2>Reserva</h2>
    </div>
    <div id="legenda">
        É preciso estar cadatrado para realizar a reserva. <br>
        Caso ainda não esteja cadastrado, <a href="cadastroHospede.jsp">clique aqui</a>.
    </div>
    <br>
    <table align="center" width="500px" border="1px">
        <tr>
            <td>
                <form class="form-horizontal" name="reserva">
                <fieldset>
                    <div id="conteudo" style="margin-top:15px; margin-bottom:15px; margin-left:15px; margin-right:15px;">
                        <legend>Dados do Hóspede</legend>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="email">Email: </label>  
                            <div class="col-md-6">
                                <input id="email" name="email" type="text" placeholder="Digite aqui o email cadastrado" class="form-control input-md"> 
                                <a href="#">Procurar</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="nome">Nome: </label>  
                            <div class="col-md-6">
                                <input id="nome" name="nome" type="text" placeholder="" class="form-control input-md">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="cpf">CPF:</label>  
                            <div class="col-md-4">
                                <input id="cpf" name="cpf" type="text" placeholder="" class="form-control input-md">
                            </div>
                        </div>
                         <div class="form-group">
                            <label class="col-md-4 control-label" for="data">Codigo Cliente: </label>  
                            <div class="col-md-3">
                                <input id="cdHospede" name="cdHospede" type="text" placeholder="" class="form-control input-md">
                            </div>
                        </div>
                        <br>
                    </fieldset>
                    <fieldset>
                        <div id="conteudo" style="margin-bottom:15px; margin-left:15px; margin-right:15px;">
                            <legend>Dados da Reserva</legend>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="unidade">Unidade: </label>
                            <div class="col-md-4">
                                <select id="unidade" name="unidade" class="form-control">
                                <option value="santos">Santos</option>
                                <option value="ilhabela">Ilhabela</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="data">Início: </label>  
                            <div class="col-md-3">
                                <input id="dtinicio" name="dtinicio" type="text" placeholder="" class="form-control input-md">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="data">Fim: </label>  
                            <div class="col-md-3">
                                <input id="dtfim" name="dtfim" type="text" placeholder="" class="form-control input-md">
                            </div>
                        </div>
                        <input type="hidden" id="req" name="req" value="reserva">
                        <div align='center'>
                            <input type="button" value="Concluir" class="btn btn-success" onclick="valid();">
                        </div>
                        <br>
                          <div id="respostaServidor">nnnnn</div>
                </fieldset>
                </form>
            </td>
        </tr>
    </table>
    <br>
    <%@include file="footer.html" %>
    
    <script type="text/javascript">
            
            function iniciaAjax() {
                var objetoAjax = false;
                if (window.XMLHttpRequest) {
                    objetoAjax = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                    try {
                        objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch(e) {
                        try {
                            objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch(ex) {
                            objetoAjax = false;
                        }
                    }
                }
                return objetoAjax;
            }
            
    var ini = iniciaAjax();
    
            function valid(){
                
                var email = document.getElementById("email").value;
              //  var cpf = document.getElementById("cpf").value;
               // var nome = document.getElementById("nome").value;
                var req = document.getElementById("req").value;
                var unidade = document.getElementById("unidade").value;
                var dtinicio = document.getElementById("dtinicio").value;
                var dtfim = document.getElementById("dtfim").value;
                var cdHospede = document.getElementById("cdHospede").value;
                
                var url = "http://localhost:8083/Hotel_SDI/hospede?email="+email+"&unidade="+unidade+"&req="+req+"&dtinicio="+dtinicio+"&dtfim="+dtfim+"&cdHospede="+cdHospede;
               // var url = "http://localhost:8080/Hotel_SDI/gerencia?nome="+nome+"&nascimento="+nascimento;
                ini.open("GET",url,true);
                ini.onreadystatechange = callback;
                ini.send(null);   
            }
            
              function callback(){
                if (ini.readyState === 4){
                    if (ini.status === 200){ 
                        document.getElementById("respostaServidor").innerHTML = ini.responseText;                    
                    }
                }
            }
            
            function cancela(){
                if (confirm("Deseja cancelar o cadastro e voltar para a página inicial?") === true) {
                    window.location = "http://localhost:27491/Hotel_SDI/index.html";
                }
            }
            
        </script>
    
<!--> 


<>    <script type="text/javascript">
        document.reserva.nome.disabled = 1;
        document.reserva.cpf.disabled = 1;
        
        function valida(){
            var d = document.reserva;
            if(d.email.value === "" || d.nome.value === "" || d.cpf.value === "" || d.dtinicio.value === "" || d.dtfim.value === ""){
                alert("É necessário o preenchimento de todos os campos.");
            } else {
                d.submit();
            }
        }
    </script>